<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
    <meta name="author" content="Coderthemes">

    <link rel="shortcut icon" href="images/favicon_1.ico">

    <title>注册页面</title>

    <link href="plugins/sweetalert/dist/sweetalert.css" rel="stylesheet" type="text/css">

    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/core.css" rel="stylesheet" type="text/css">
    <link href="css/icons.css" rel="stylesheet" type="text/css">
    <link href="css/components.css" rel="stylesheet" type="text/css">
    <link href="css/pages.css" rel="stylesheet" type="text/css">
    <link href="css/menu.css" rel="stylesheet" type="text/css">
    <link href="css/responsive.css" rel="stylesheet" type="text/css">

    <script src="js/modernizr.min.js"></script>
    


    
    <style>
    .carousel{
        height: 450px;
    }
    .carousel .item{
        height: 450px;
    }
    .carousel img{
        width:100%;
    }
    .table{
        /*width: 500px;*/
        margin-left: 30%;
    }
    .table tbody td{
        vertical-align: middle;
    }
    .table tbody tr td select{
        width: 185px;
    }
    .content-page{
        width: 60%;
        margin: 0 auto;
    }
    .panel-title{
        text-align: center;
        font-size: 20px;
    }
  
    
</style>

</head>


<body class="fixed-left">
    <!-- 欢迎界面 -->
    <!-- ============================================================== -->
    <!-- Start right Content here -->
    <!-- ============================================================== -->                      
    <div class="content-page">
        <!-- Start content -->
        <div class="content">
            <div class="container">

                <div class="row">
                    <div class="col-lg-12">
                        <div class="panel panel-default">
                         <div class="panel-heading">
                             <h3 class="panel-title">用户注册</h3>
                         </div>
                         <div class="panel-body">
                            <div class="col-lg-8 ">
                                <form th:action="@{/register}" method="post">
                                 <table class="table table-hover ">
                                    <tbody>
                                        <tr >
                                            <td ><label for="adminName">用户名（<span style="color: red;">*</span>必填）</label></td>
                                            <td >
                                                <input type="text"  id="adminName" name="adminName" required="" aria-required="true">
                                            </td>
                                        </tr>
                                        <tr >
                                            <td ><label for="adminName">密码（<span style="color: red;">*</span>必填）</label></td>
                                            <td >
                                                <input type="text"  id="adminPassword" name="adminPassword" required="" aria-required="true">
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td ><label for="adminTel">手机号（<span style="color: red;">*</span>必填）</label></td>
                                            <td ><input type="text" name="adminTel" id="adminTel" required="" aria-required="true"></td>
                                        </tr>

                                        <tr>
                                            <td ><label for="adminTel">邮箱（<span style="color: red;">*</span>必填）</label></td>
                                            <td ><input type="text" name="adminTel" id="adminEphoe" required="" aria-required="true"></td>
                                        </tr>
                                        
                                        <tr s>
                                              <!-- <td colspan="2">
                                                <button type="button" class="btn btn-info btn-sm">提交</button>
                                            </td> -->
                                            <td colspan="2">
                                                <div class="col-lg-offset-8 col-lg-6" style="margin-left: 170px;margin-top: 10px">
                                                    <button class="btn btn-success waves-effect waves-light" type="submit" >提交</button>

                                                </div>
                                            </td>
                                            

                                        </tr>


                                    </tbody>
                                    
                                </table>
                            </form>
                        </div>
                    </div>
                </div>
                
            </div> <!-- end col -->

        </div> <!-- End row -->



    </div> <!-- container -->
    
</div> <!-- content -->

</div>
<!-- ============================================================== -->
<!-- End Right content here -->
<!-- ============================================================== -->
<script>
    var resizefunc = [];
</script>


<!-- jQuery  -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/detect.js"></script>
<script src="js/fastclick.js"></script>
<script src="js/jquery.slimscroll.js"></script>
<script src="js/jquery.blockUI.js"></script>
<script src="js/waves.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.nicescroll.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery-form.js"></script>


<script src="js/jquery.app.js"></script>
<script type="text/javascript" src="js/shengshiqv.js"></script>

<!-- moment js  -->
<script src="plugins/moment/moment.js"></script>

<!-- counters  -->
<script src="plugins/waypoints/lib/jquery.waypoints.js"></script>
<script src="plugins/counterup/jquery.counterup.min.js"></script>

<!-- sweet alert  -->
<script src="plugins/sweetalert/dist/sweetalert.min.js"></script>


<!-- flot Chart -->
<script src="plugins/flot-chart/jquery.flot.js"></script>
<script src="plugins/flot-chart/jquery.flot.time.js"></script>
<script src="plugins/flot-chart/jquery.flot.tooltip.min.js"></script>
<script src="plugins/flot-chart/jquery.flot.resize.js"></script>
<script src="plugins/flot-chart/jquery.flot.pie.js"></script>
<script src="plugins/flot-chart/jquery.flot.selection.js"></script>
<script src="plugins/flot-chart/jquery.flot.stack.js"></script>
<script src="plugins/flot-chart/jquery.flot.crosshair.js"></script>

<!-- todos app  -->
<script src="pages/jquery.todo.js"></script>

<!-- chat app  -->
<script src="pages/jquery.chat.js"></script>

<!-- dashboard  -->
<script src="pages/jquery.dashboard.js"></script>
<script>
    $(function(){
        region_init("select_province","select_city","select_area");
    });
</script>

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $('.counter').counterUp({
            delay: 100,
            time: 1200
        });
    });
</script>
<script th:inline="javascript">
    function close() {
        window.location.href="login.html";
    }
    function submitForm() {

        var prov=$("#select_province").find("option:selected").text();
        var city=$("#select_city").find("option:selected").text();
        var area=$("#select_area").find("option:selected").text();
        $("#addDistrict").val(area);
        $("#addCity").val(city);
        $("#addressProvince").val(prov);
        return false;
    }

    $(function(){
        region_init("select_province","select_city","select_area");
        $("#addform").ajaxForm(function (msg) {
            if(msg){
                alert("添加成功");
                    window.location.href="/shuidian2/adminlogin";
}
})
    });
</script>
</body>
</html>